<template>
  <div class="contact">
    <section class="banner">
      <img src="@/assets/banner/home_pic_yj.png">
    </section>
    <section class="contact-us">
      <div class="title">
        <div class="title-cn">联系我们</div>
        <div class="title-en">Contact us</div>
        <div class="title-line"></div>
      </div>
    </section>
    
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  mounted() {

  },
  methods: {
  }
}
</script>

<style scoped>
.banner {
  width: 100%;
  max-height: 360px;
  overflow: hidden;
}
.banner img {
  width: 100%;
}
.title {
  width: 100%;
  margin: 100px 0 0 0;
  text-align: center;
}
.title .title-cn {
  font-size: 30px;
  color: rgba(51,51,51,1);
  line-height: 42px;
}
.title .title-en {
  font-size: 14px;
  color: rgba(103,103,103,1);
  line-height: 20px;
  margin-top: 12px;
}
.title .title-line {
  margin: 24px auto;
  width: 1px;
  height: 32px;
  background: rgba(230,230,230,1);
}
</style>
